<link rel="stylesheet" type="text/css" href="common/css/jquery.slider.min.css" />
<div ms-controller="blood" class="blood">
	<header class="ui-bar ui-bar-nav">
		<a ms-click="back" class="ui-icon iconfont icon-arrowleft ui-fl" href="javascript:;"></a>
		<h1 class="ui-title">近期目标</h1>
	</header>
	<div class="main bloodMain">
		<div class="row title">
			<h2>血糖近期目标</h2>
		</div>
		<div class="targetContent">
			<ul>
				<li>
					<div class="row">
						<h2 class="small-6 medium-6 large-6 columns">餐前</h2>
						<h2><span>3.9-6.1</span>mmol/L</h2>
					</div>
					<div class="row">
						<div class="layout-slider">
							<input id="Slider3" type="slider" name="area" value="5;10" />
						</div>
					</div>
					<div class="row saveBtn">
						<div class="small-6 medium-6 large-6 columns" >
							<button>取消</button>
						</div>
						<div class="small-6 medium-6 large-6 columns" >
							<button>保存</button>
						</div>
					</div>
				</li>
				<li class="row">
					<div class="row">
						<h2 class="small-6 medium-6 large-6 columns">餐后</h2>
						<h2><span>3.9-7.8</span>mmol/L</h2>
					</div>
					<div class="row">
						<div class="layout-slider">
							<input id="Slider4" type="slider" name="content" value="4;8" />
						</div>
					</div>
					<div class="row saveBtn">
						<div class="small-6 medium-6 large-6 columns" >
							<button>取消</button>
						</div>
						<div class="small-6 medium-6 large-6 columns" >
							<button>保存</button>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="row title">
			<h2>餐前血糖目标阶段历史</h2>
		</div>
		<div class="row echartMain">
			<div id="main" style="width:100%;height:200px;background:#fff;"></div>
		</div>
		<div class="row title">
			<h2>餐后血糖目标阶段历史</h2>
		</div>
		<div class="row echartMain">
			<div id="main1" style="width:100%;height:200px;background:#fff;"></div>
		</div>
	</div>
</div>
<script type="text/javascript" src="modules/blood/echart.js"></script>
<script type="text/javascript" charset="utf-8">
	$("#Slider3").slider({
		from: 2,
		to: 14,
		limits: false,
		step: 1,
		dimension: '',
		scale: [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14],
		skin: "blue",
	});
	$("#Slider4").slider({
		from: 2,
		to: 14,
		limits: false,
		step: 1,
		dimension: '',
		scale: [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14],
		skin: "blue",
	});
</script>